<template>

    <div class="container" style="width:100%;height:60px;background-color: #fff;">
        <div class="container_mid" style="margin:auto;width:80%;">
            <el-menu :default-active="activeIndex" class="el-menu-demo" mode="horizontal" @select="handleSelect">
                <el-menu-item index="1" style="color: #000;width:150px;"><i class="el-icon-s-home" style="color: #65a15a;"></i>主页</el-menu-item>
                <el-menu-item index="2" style="color: #000;width:150px;"><i class="el-icon-s-custom" style="color: #65a15a;"></i>个人信息</el-menu-item>
                <el-menu-item index="3" style="color: #000;width:150px;"><i class="el-icon-s-order" style="color: #65a15a;"></i>订单管理</el-menu-item>
                <el-menu-item index="4" style="color: #000;width:150px;"><i class="el-icon-star-on" style="color: #65a15a;"></i>购物车</el-menu-item>
                <el-menu-item index="5" style="color: #000;width:150px;"><i class="el-icon-s-check" style="color: #65a15a;"></i>待收货</el-menu-item>
                <el-menu-item index="6" style="color: #000;width:150px;"><i class="el-icon-shopping-cart-2" style="color: #65a15a;"></i>待发货</el-menu-item>
                <el-menu-item index="7" style="color: #000;width:150px;"><i class="el-icon-s-check" style="color: #65a15a;"></i>待评价</el-menu-item>
            </el-menu>
            </div><br><br>
    </div>



</template>

<script>




export default {

 
    methods: {
handleSelect(index,id){

if(index == 1){
    this.$router.push({path: '/HomePage'});
}
if(index == 2){
    this.$router.push({path: '/userPage'});
}

if(index==3){
    this.$router.push({path: '/userOrderPage'});
}

if(index==4){
    this.$router.push({path: '/ShoppingCard'});
}

if(index==5){
    this.$router.push({path: '/received'});
}

if(index==6){
    this.$router.push({path: '/shipped'});
}

if(index==7){
    this.$router.push({path: '/evaluated'});
}


}
    }
       }
  </script>

<style>
    .el-table .warning-row {
      background: oldlace;
    }
  
    .el-table .success-row {
      background: #f0f9eb;
    }
  </style>
  